<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<script type="text/javascript" src="js/crypt.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script src="js/jquery.alerts.js" type="text/javascript"></script>

		
		<link type="text/css" href="css/principal.css" rel="stylesheet" />	
		<link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
	<title>Wixet - Entrar</title>


</head>
<body class="portlet-centro ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"  style="font-size:80%">

<div align="center"><img src="img/logoportada.png" /></div>
<table width="100%">

<tr>
<td width="35%">
</td>
<td width="30%">
<div id="container"></div>
<table class="portlet-centro ui-widget ui-widget-content ui-corner-all" width="100%">
    <tr>
    <td colspan="2" align="center"><b><div class="ui-widget-header ui-helper-clearfix ui-corner-all">Entrar</div></b></tr><tr>
        <td colspan="2" align="center"><div id="advertencia"></div>
            </td>
   			 </tr>
   		<tr>
        <td>Correo electronico
   			</td>
   			<td><input class="text ui-widget-content ui-corner-all ac_input" type="text" id="email">
   			</td>
    		</tr>
    	<tr>
        <td>Contrase&ntilde;a
   			</td>
   			<td><input class="text ui-widget-content ui-corner-all ac_input" type="password" id="pass">
   			</td>
    		</tr>	
			<tr>
				<td colspan="2"><input type="checkbox" id="recordar"> Recordarme en este equipo</td>
			</tr>
    	<tr>
        <td colspan="2" align="center">
   			<p align="center" style="margin: 10px;">
				<a href="javascript:void(0)" id="entrar" class="dialog_link ui-state-default ui-corner-all">Entrar</a>
			</p>
   			<div id="estado"></div>
   			<div><a href="javascript:void(0)" id="linkCrear">Crearme una cuenta</a></div>
   			<div><a href="javascript:void(0)" id="linkRecu">Recuperar contrase&ntilde;a</a></div>
   			</td>
    		</tr>
    		<tr><td>
    		<input type="hidden" id="emailPass">
    		</td></tr>
    		<tr><td colspan="2" id="formPass"></td></tr>
    		
        </td>
    </tr>
</table>
</td>
<td width="35%">
</td>
</tr>
</table>

<table align="center"><tr><td align="center">
<a href="http://blog.wixet.com">Blog</a>
<a href="http://code.google.com/p/wixet/">C&oacute;digo fuente y reporte de fallos</a>
<a href="como-colaborar.html">Colaborar</a>

</td></tr>
<tr>
<td>
<div align="center">Esta pagina esta optimizada para ser usada con Mozilla Firefox o Google Chrome. Los navegadores que no respetan los estandares web (como internet explorer) sufriran problemas de visualizacion</div>
<br>
<div align="center"><a href="http://www.mozilla-europe.org/es/firefox/" title="Descargar Mozilla Firefox"><img src="http://www.difundefirefox.com/files/banners/110_32-ff2.png" alt="Mozilla Firefox" style="border: 0pt none ;"></a> &nbsp; <a href="http://www.google.es/chrome"><img class="listaFotos ui-state-default ui-corner-all" alt="Google Chrome" src="img/logo_sm.jpg"></a></div>
</td>
</tr>
</table>
<!-- Para crear usuarios, organizar mejor -->
<style type="text/css">
		label, input { display:block; }
		
		fieldset { padding:0; border:0; margin-top:25px; }
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain {  width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
		.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
		
		
	</style>


<div id="dialog" title="Crearme una cuenta en Wixet">
	<p id="validateTips">Completa todos los campos</p>

	<form>
	<fieldset>
		<label for="name">Nombre</label>
		<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
		<label for="email">Correo electronico</label>
		<input type="text" name="email" id="emailReg" value="" class="text ui-widget-content ui-corner-all" />
		<label for="password">Contrase&ntilde;a</label>
		<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
	</fieldset>
	</form>
</div>

<div id="dialogRecu" title="Recuperar contrase&ntilde;a">
	<div id="errorRecu"></div>

	<form>
	<fieldset>
		<label for="erec">Escribe tu correo electronico</label>
		<input type="text" name="erec" id="erec" class="text ui-widget-content ui-corner-all" />
	</fieldset>
	</form>
</div>

<div id="dialogPass" title="Tu nueva contrase&ntilde;a">
	<div id="errorNueva"></div>

	<form>
	<fieldset>
		<label for="passNueva">Escribe tu nueva contrase&ntilde;a</label>
		<input type="password" name="passNueva" id="passNueva" class="text ui-widget-content ui-corner-all" />
		<label for="passNueva2">Vuelve a escribir la contrase&ntilde;a</label>
		<input type="password" name="passNueva2" id="passNueva2" class="text ui-widget-content ui-corner-all" />
	</fieldset>
	</form>
</div>



<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="cargandoMsg" style="
z-index:5000;
bottom:0;
height:2.5em;
right:0px;
position:fixed;"><img class="ui-state-default ui-corner-all" src="img/progress.gif" />
</div>

<script type="text/javascript">


document.getElementById('email').focus();

	ie=(document.all)? true:false ;
	if(ie)
	{
		$("#advertencia").html('<font color="red">Atencion: No podras disfrutar al 100% de wixet por usar Internet Explorer. <a href="porqueNoUsarInternetExplorer.html" target="_blank"> Por qu&eacute;?</a></font>');
		
		}
		
				$('#entrar, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
				$('#entrar, ul#icons li').click(
					function() {
						$("#estado").text("Comprobando tus datos...");
						$.getJSON('consultasAjax.php?seccion=entrar&email='+$("#email").val()+'&pass='+MD5.hexdigest($("#pass").val())+'&recordar='+$("#recordar").is(':checked'),
							function(data){
							  if(data.estado == "ok")
							  {
								  var usuario = $('#email').val().split("@");
								  $.cookie("jid",usuario[0]+"@wixet.com");
								  $.cookie("hashJabber",MD5.hash(usuario[0] + ":wixet.com:" + $("#pass").val()));
								  
								  $("#estado").text("Entrando en tu cuenta");
								  $("#estado").removeClass("ui-state-error ui-corner-all");
								  $("#estado").addClass("ui-state-highlight ui-corner-all");
								  $("#email").removeClass("ui-state-error ui-corner-all");
								  $("#email").addClass("ui-state-highlight ui-corner-all");
								  $("#pass").removeClass("ui-state-error ui-corner-all");
								  $("#pass").addClass("ui-state-highlight ui-corner-all");
								  if(data.cambiarPass == 1)
								  {
									  $.get('consultasAjax.php',{seccion:"cambiarPassJabber",pass:$("#pass").val()},
											  function(){
										  window.location.href = "/#inicio";
									  });
								  }else window.location.href = "/#inicio";
								  
							  }else{
								  $("#estado").text(data.error);
								  $("#estado").removeClass("ui-state-highlight ui-corner-all");
								  $("#estado").addClass("ui-state-error ui-corner-all");
								  $("#email").addClass("ui-state-error ui-corner-all");
								  $("#pass").addClass("ui-state-error ui-corner-all");
							  }
							});
						}
				);


				//Parte para crear usuarios
	$(function() {
			
			var name = $("#name"),
			email = $("#emailReg"),
			password = $("#password"),
			allFields = $([]).add(name).add(email).add(password),
			tips = $("#validateTips");

		function updateTips(t) {
			tips.text(t).effect("highlight",{},1500);
		}

		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("Length of " + n + " must be between "+min+" and "+max+".");
				return false;
			} else {
				return true;
			}

		}

		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}
		
		$("#dialog").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 300,
			modal: true,
			buttons: {
			Cancelar: function() {
				$(this).dialog('close');
			},
				'Crear cuenta': function() {

				$.getJSON("registroAjax.php",{nombre: name.val(),email:email.val() ,pass:password.val() },
				        function(data){
						allFields.removeClass('ui-state-error');
				          if(data.error == 0)
				          {
				        	  $("#dialog").dialog('close');
					          jAlert(data.desc,"Cuenta casi creada");
				          }else{
					          if(data.error == 1)
					          {
					        	  password.addClass('ui-state-error');
					          	
					          }else if(data.error == 2)
					          {
					        	  email.addClass('ui-state-error');
					          	
					          }else if(data.error == 3)
					          {
					        	  name.addClass('ui-state-error');
					          	
					          }else{
						          jAlert(data.desc,"Algo grave ha ocurrido");
					          }
					          tips.text(data.desc);
				          }
				        });
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
	});
		$("#dialogRecu").dialog({
			bgiframe: true,
			autoOpen: false,
			modal: true,
			buttons: {
			Cancelar: function() {
				$(this).dialog('close');
			},
				'Recuperar': function() {
				$("#errorRecu").text('');
				$.getJSON("consultasAjax.php",{seccion:"recuperarPass", email: $("#erec").val() },
				        function(data){
						$("#erec").removeClass('ui-state-error');
				          if(data.error == 0)
				          {
				        	  $("#dialogRecu").dialog('close');
					          jAlert(data.mensaje,"Comprueba tu correo");
				          }else{
					          if(data.error != 0)
					          {
					        	  $("#erec").addClass('ui-state-error');
					          	
					          }
					          $("#errorRecu").text(data.mensaje);
				          }
				        });
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});


		$("#dialogPass").dialog({
			bgiframe: true,
			autoOpen: false,
			modal: true,
			buttons: {
			Cancelar: function() {
				$(this).dialog('close');
				$.cookie("hash",null);
			},
				'Aceptar': function() {
				$("#passNueva").removeClass('ui-state-error');
				$("#passNueva2").removeClass('ui-state-error');
					if($("#passNueva").val() == $("#passNueva2").val())
					{
						$.getJSON("consultasAjax.php",{seccion:"recuperarPass", hash: $.cookie("hash"), pass:MD5.hexdigest($("#passNueva").val())  },
						        function(data){
						          if(data.error == 0)
						          {
						        	  $("#dialogPass").dialog('close');
							          jAlert(data.mensaje,"Hecho");
							          $.cookie("hash",null);
						          }else{
							          if(data.error != 0)
							          {
							        	  $("#passNueva").addClass('ui-state-error');
							        	  $("#passNueva2").addClass('ui-state-error');
							          	
							          }
							          $("#errorNueva").text(data.mensaje);
						          }
						        });
					}else{
						$("#passNueva").addClass('ui-state-error');
						$("#passNueva2").addClass('ui-state-error');
						$("#errorNueva").html("Las contrase&ntilde;as no coinciden");
					}
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		
		$('#linkCrear').click(function() {
			$('#dialog').dialog('open');
		})
		.hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		).mousedown(function(){
			$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
				$(this).removeClass("ui-state-active");
		});

		$('#linkRecu').click(function() {
			$('#dialogRecu').dialog('open');
		})
		.hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		).mousedown(function(){
			$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
				$(this).removeClass("ui-state-active");
		});



	////
var validacion = $.cookie("validacion");
if( validacion != null)
{
	if(validacion == 1)
		jAlert("Usuario validado correctamente, puedes acceder usando tus datos","Ya esta todo listo");
	else
		jAlert("La url de validacion es incorrecta","Ocurrio un problema");

	$.cookie("validacion",null)
}

if( $.cookie("hash") != null)
{
	$("#dialogPass").dialog('open');
	/*if(validacion == 1)
		jAlert("Usuario validado correctamente, puedes acceder usando tus datos","Ya esta todo listo");
	else
		jAlert("La url de validacion es incorrecta","Ocurrio un problema");

	$.cookie("hash",null)*/
}

var cargando = $("#cargandoMsg");
cargando.hide();
$(document).ajaxSend(function() {
	cargando.show();

	});

$(document).ajaxComplete(function() {
	cargando.hide();
	});


</script>


</body>
</html>
